@import './modules/footer';
@import './modules/header';

.container{
    width:100%;
    height: 1800px;
    flex: 1;
    overflow: flex;
    & #goodsClassify{
        width:100%;
        height: 950px;
        & h1{
            width: 100%;
            height: 40px;
            font-size: 20px;
           margin-left: 10px;
            line-height: 50px;
        }
        & .good_list{
            width:100%;
            height: 830px;
            & li{
                widows: 280px;
                height: 330px;
                float: left;
                list-style: none;
                margin-left: 10px;
                margin-bottom:5px;
                border:1px solid rgb(197, 118, 118);
               
                & a{
                    text-decoration: none;
                    widows: 300px;
                    height: 330px;
                    & img{
                    width:300px;
                    height: 250px;
                    float: left;
                }
                    & p{
                        width: 300px;
                        height: 80px;
                        margin-top:270px;
                        font-size: 15px;
                         color: red;
                       
                    }
                }
               & a:hover{
                   
                   & p{
                      color: black;
                    }
                   & img{
                      margin-left: -2px;
                      margin-top:-2px;
                      margin-right:-2px;
                      margin-bottom:-2px;
                      
                    
                }
            }
        }
        }
    }
    & .swiper-pagination {
        width: 100%;
       height: 770px;
      float: left;
      &  button:nth-child(1){
        width: 50px;
        height: 30px;
        margin-top:780px;
        margin-left:47%;
        float: left;
       
    }
    &  button:nth-child(2){
        width: 50px;
        height: 30px;
        margin-top:780px;
        
        float: left;
       
    }
}
}